layui.use('table', function () {
    var table = layui.table;
    //监听表格复选框选择
    table.on('checkbox(demo)', function (obj) {
        // console.log(obj)
    });
    //方法级渲染，负责渲染表格数据
    table.render({
        elem: '#table_user_lists'
        , url: '/usersCount'
        , cols: [
            [
                {checkbox: true, fixed: true}
                , {field: 'id', title: '用户ID', width: 100, sort: true, fixed: true}
                , {field: 'username', title: '用户名', width: 100}
                , {field: 'email', title: '电子邮箱', width: 200}
                , {field: 'mobile', title: '电话', width: 160, sort: true}
                // , {field: 'nickName', title: '昵称', width: 100}
                , {field: 'note', title: '回复', width: 150}
                , {
                field: 'createTime',
                title: '创建时间',
                sort: true,
                width: 250,
                templet: "<div>{{layui.util.toDateString(d.createTime, 'yyyy-MM-dd HH:mm:ss')}}</div>"
            }
                , {
                field: 'status',
                title: '状态',
                width: 100,
                edit: 'text',
                sort: true,
                templet: "<div>{{(d.status == 1) ? '启用':(d.status == 2)?'禁用':'已删除'}}</div>"
            }
                , {field: 'right', title: '操作', toolbar: '#userDemo', width: 200}
            ]
        ]
        , id: 'testReload'
        , page: true
        , limit: 10
        , height: 460
    });
    //监听工具条
    table.on('tool(user)', function (obj) {
        // alert("111")
        var data = obj.data;
        // console.log(obj.event)
        if (obj.event === 'forbidden') {
            // layer.msg('ID：' + data.aId + ' 的查看操作');
            //========用户禁用
            $.ajax({
                    contentType: "application/json",
                    url: "/userForbidden",
                    method: "post",
                    data: JSON.stringify({"id": data.id}),
                    dataType: "text",
                    success: function (data) {
                        if (data == "禁用成功") {
                            alert("禁用成功")
                            $(".layui-laypage-btn")[0].click();
                        } else {
                            alert("禁用失败")
                        }

                    },
                    error: function () {
                        alert("网络繁忙，正在尝试重新链接")
                    },
                }
            )
        } else if (obj.event === 'reset') {
            var id = data.id;
            $.ajax({
                    contentType: "application/json",
                    url: "/changePwd",
                    method: "post",
                    data: JSON.stringify({"id": id}),
                    dataType: "text",
                    success: function (data) {
                        if (data == "修改成功") {
                            alert("修改成功")
                            $(".layui-laypage-btn")[0].click();
                            // layer.closeAll();

                        } else {
                            alert("修改失败")
                        }

                    },
                    error: function () {
                        alert("网络繁忙，正在尝试重新链接")
                    },
                }
            )
            // layer.confirm('修改密码<input type="text" id="newPwd">', function (index) {
            //     // alert(JSON.stringify(data));
            //     // var newPwd = $("#newPwd").val();
            //
            //
            // });
        } else if (obj.event === 'start') {
            // layer.alert('编辑行：<br>' + JSON.stringify(data))
            $.ajax({
                    contentType: "application/json",
                    url: "/userStart",
                    method: "post",
                    data: JSON.stringify({"id": data.id}),
                    dataType: "text",
                    success: function (data) {
                        if (data == "启用成功") {
                            alert("启用成功")
                            $(".layui-laypage-btn")[0].click();
                        } else {
                            alert("启用失败")
                        }

                    },
                    error: function () {
                        alert("网络繁忙，正在尝试重新链接")
                    },
                }
            )
        }
    });

    //此处为重载方法，来自layui
    var $ = layui.$, active = {
        reload: function () {
            var userName = $('#userName');
            var status = $("#userStatus").val();

            // alert("我执行过重载了");
            //执行重载
            table.reload('testReload', {
                page: {
                    curr: 1 //重新从第 1 页开始
                }
                , where: {
                    username: userName.val(),
                    status:status,
                }
            }, 'data');
        }
    };
    //此处方法来自layui，执行重载方法的部分
    $('#layerDemo .layui-btn').on('click', function () {
        var type = $(this).data('type');
        active[type] ? active[type].call(this) : '';
    });
});


var $ = layui.$, active = {
    getCheckData: function () { //获取选中数据
        var checkStatus = table.checkStatus('idTest')
            , data = checkStatus.data;
        layer.alert(JSON.stringify(data));
    }
    , getCheckLength: function () { //获取选中数目
        var checkStatus = table.checkStatus('idTest')
            , data = checkStatus.data;
        layer.msg('选中了：' + data.length + ' 个');
    }
    , isAll: function () { //验证是否全选
        var checkStatus = table.checkStatus('idTest');
        layer.msg(checkStatus.isAll ? '全选' : '未全选')
    }
}
layui.use('layer', function () { //独立版的layer无需执行这一句
    var $ = layui.jquery, layer = layui.layer; //独立版的layer无需执行这一句

    //触发事件
    var active = {
        setTop: function () {
            var that = this;
            //多窗口模式，层叠置顶;
        }
        , offset: function (othis) {
            var type = othis.data('type')
                , text = othis.text();
            layer.open({
                type: 1
                , offset: type //具体配置参考：http://www.layui.com/doc/modules/layer.html#offset
                , id: 'layerDemo' + type //防止重复弹出
                , content: '<div style="padding: 20px 100px;">' + '' +
                    ' <table> ' +
                    '<tr>' +
                    '<td>修改密码<input type="text" id="newPwd"></td>' +
                    '</tr' +
                    '></table> '
                    + '</div>'
                , btn: ['确定', '取消']
                , btnAlign: 'c' //按钮居中
                , shade: 0 //不显示遮罩
                , yes: function () {
                    // alert("11111")
                    var newPwd = $("#newPwd").val();

                    if (newPwd!=null && newPwd !="") {

                        $.ajax({
                            contentType: "application/json",
                            url: "/changePwd",
                            method: "post",
                            data: "password=" + newPwd,
                            dataType: "text",
                            success: function (data) {
                                if (data == "修改成功") {
                                    alert("修改成功")
                                    layer.closeAll();
                                } else {
                                    alert("修改失败")
                                }
                            },
                            error: function () {
                                alert("网络繁忙，正在尝试重新链接")
                            },
                        })
                    }else {
                        alert("不能为空或则空格")
                    }

                }
                , cancel: function () {
                    // layer.closeAll();
                    layer.close();
                }
            });
        }
    };
    $('#layerDemo .layui-btn').on('click', function () {
        var othis = $(this), method = othis.data('method');
        active[method] ? active[method].call(this, othis) : '';
    });

});


